page-pan-dian-mobile {
  ion-header{

    ion-navbar:nth-child(1){

      padding-top:constant(safe-area-inset-top)!important;

      padding-top:env(safe-area-inset-top)!important;

    }

  }

  .container {
    height: px2rem(35px);
    width: 90%;
    margin: px2rem(20px) auto;
  }
  .parent {
    position: relative;
  }
  .search {
    width: 100%;
    height: 40px;
    border-radius: 18px;
    outline: none;
    border: 1px solid #ccc;
    padding-left: 20px;
    position: relative;
  }
  .btn {
    height: px2rem(20px);
    width:px2rem(20px);
    position: absolute;
    background: url("../../assets/imgs/icon_search.png") no-repeat;
    background-size: 100%;
    top:10px;
    right: px2rem(10px);
    border: none;
    outline: none;
    cursor: pointer;
  }
  .item{
    //width: 95%;
    margin: 8px auto;
    //height: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
    .textDetails{
      width: 50%;
      //height: 7rem;
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-content: center;
      div{
        margin-top: 0.5rem;
        color: #666666;
      }
      div:nth-child(1){
        color: #000000;
        font-size: 17px;
      }
      div:nth-child(2){
       margin-top: 10px;
      }
    }
    .pandianStatus{
      width: 20%;
      height: 8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10px;
      //flex-direction: column;
      background-color: #e4862c;
      border-radius: 10px;
      label{
        writing-mode:vertical-rl;
        color: white;
        font-size: px2rem(16px);
      }
    }

  }
  .line{
    border-bottom:1px #eaeaea dashed ;
    height: 1px;
    margin-top: px2rem(5px);
  }
  .p_title{
    width: 95%;
    margin: 0 auto;
    font-size: px2rem(16px);
  }
}
